<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<style>
    .item-tab-3{
        background-color: #fff;
        border-bottom: 1px solid #dee5e7;
        padding-top: 10px;
        padding-bottom: 10px!important;
        border-top: 1px solid rgb(222, 229, 231);
        height: 111px;
        margin-bottom: 20px
    }
    .funds-detail{
        width: 100%;
        height:90px;
        line-height:90px;
    }
    .money-content{
        float: left;
        width: 20%;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-right: 10px;
        height: 90px;
        box-sizing: border-box;
        display: table;
    }
    .f-table-cell{
        width: 100%;
        height: 90px;
        border-radius: 3px;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">货架分组：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.sheelvesgroupid" @keyup.enter="query" id="sheelvesgroup_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">货架：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.sheelvesid" @keyup.enter="query" id="sheelves_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">商品名称：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <a class="btn btn-primary" @click="query">查询</a>
        </div>
        <div class="item-tab-3">
            <div class="funds-detail">
                <div class="money-content">
                    <div style="background-color: #1e8feb;" class="f-table-cell">
                        <div style="height:20px;">库存总数量</div>
                        <div id="kczsl"></div>
                    </div>
                </div>
                <div class="money-content">
                    <div style="background: #4FD0B0;" class="f-table-cell">
                        <div style="height:20px;">库存总成本</div>
                        <div id="kczcb"></div>
                    </div>
                </div>
            </div>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showInfoList" class="panel panel-default">
        <div class="panel-heading">商品库存分布</div>
        <div style="padding: 20px 0;margin: 0 20px;padding-bottom: 0!important;">
            <div style="padding: 20px 0;border: 1px solid #e2e5ed;display: table;width: 100%!important;box-sizing: border-box;">
                <div style="padding: 0 10px;border-right: 1px solid #eaeaea;display: table-cell!important;vertical-align: middle;">
                    <div style="display: table-cell!important;">
                        <img src="" width="80" height="80" id="productimg">
                    </div>
                    <div style="display: table-cell!important;padding-left: 15px;vertical-align: middle;">
                        <div style="display: table;margin-bottom: 10px!important;width: 100%!important;">
                            <label style="width: 70px!important;display: table-cell!important;vertical-align: top!important;vertical-align: middle;">商品名称：</label>
                            <div style="display: table-cell!important;word-break:break-all" id="productname"></div>
                        </div>
                        <div style="display: table;width: 100%!important;">
                            <label style="width: 70px!important;display: table-cell!important;vertical-align: top!important;vertical-align: middle;">条形码：</label>
                            <div style="display: table-cell!important;word-break:break-all" id="barcode"></div>
                        </div>
                    </div>
                </div>
                <div style="padding: 0 10px;width: 32%;border-right: 1px solid #eaeaea;display: table-cell!important;vertical-align: middle;">
                    <div style="display: table-cell!important;vertical-align: middle;">
                        <div style="display: table;margin-bottom: 10px!important;width: 100%!important;">
                            <label style="display: table-cell!important;vertical-align: top!important;vertical-align: middle;">最近进货价：</label>
                            <div style="display: table-cell!important;" id="costprice"></div>
                        </div>
                        <div style="display: table;width: 100%!important;">
                            <label style="display: table-cell!important;vertical-align: top!important;vertical-align: middle;">最近销售价：</label>
                            <div style="display: table-cell!important;" id="sellprice"></div>
                        </div>
                    </div>
                </div>
                <div style="padding: 0 10px;width: 32%;display: table-cell!important;vertical-align: middle;">
                    <div style="display: table-cell!important;vertical-align: middle;">
                        <div style="display: table;margin-bottom: 5px;width: 100%!important;">
                            <label style="width: 90px!important;display: table-cell!important;vertical-align: middle;">库存预警：</label>
                            <div style="display: table-cell!important;">
                                <label class="radio-inline" style="float: left">
                                    <input type="radio" name="type" value="0" /> 开启
                                </label>
                                <label class="radio-inline" style="float: left">
                                    <input type="radio" name="type" value="1" /> 关闭
                                </label>
                            </div>
                        </div>
                        <div style="display: table;width: 100%!important;">
                            <label style="width: 90px!important;display: table-cell!important;vertical-align: middle;">库存预警值：</label>
                            <div style="display: table-cell!important;">
                                <input type="text" class="form-control" id="stockwarncount"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-top: 20px!important;">
                <a class="btn btn-primary" @click="saveOrUpdate">&nbsp;保存</a>
            </div>
        </div>

        <div style="margin: 0 20px;">
            <div style="border: none!important;width: 50%;">
                <div style="border: 1px solid #e2e5ed!important;">
                    <table style="border: 0;width: 100%;border-collapse: collapse;">
                        <thead style="background-color: #F7F9FB;">
                            <tr>
                                <th style="border-bottom: 0;border-top: 0;padding: 10px 0;font-weight: 400!important;font-size: 12px!important;text-align: center;">货架</th>
                                <th style="border-bottom: 0;border-top: 0;padding: 10px 0;font-weight: 400!important;font-size: 12px!important;text-align: center;">当前库存数量</th>
                                <th style="border-bottom: 0;border-top: 0;padding: 10px 0;font-weight: 400!important;font-size: 12px!important;text-align: center;">销售价</th>
                            </tr>
                        </thead>
                        <tbody id="infostock">

                        </tbody>
                    </table>
                </div>
            </div>
            <div style="margin-top: 20px!important;">
                <a class="btn btn-default" @click="reload">&nbsp;返回</a>
            </div>
        </div>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/shelvesstock.js?_${.now?long}"></script>
</body>
</html>